import { createStackNavigator } from 'react-navigation'
import OrderListPage from '../pages/OrderListPage'
import { defaultStackOptions } from '../../src/utils/DefaultTitleOption'
import OrderDetailPage from '../pages/OrderDetailPage'
import ButtonTestPage from '../pages/ButtonTestPage'

// const store = configureStore()

// 登录模块的路由
// const orderRoutes = {
//   AllOrder: {
//     screen: OrderListPage,
//     navigationOptions: {
//       tabBarLabel: '全部'
//     }
//   },
//   PayOrder: {
//     screen: OrderListPage,
//     navigationOptions: {
//       tabBarLabel: '待支付'
//     }
//   },
//   DeliverOrder: {
//     screen: OrderListPage,
//     navigationOptions: {
//       tabBarLabel: '待发货'
//     }
//   },
//   ReceiveOrder: {
//     screen: OrderListPage,
//     navigationOptions: {
//       tabBarLabel: '待收货'
//     }
//   },
//   CommentOrder: {
//     screen: OrderListPage,
//     navigationOptions: {
//       tabBarLabel: '待评价'
//     }
//   }
// }
//
// // const OrderNavigator
// const OrderNavigator = createMaterialTopTabNavigator(orderRoutes, {
//   backBehavior: 'none',
//   swipeEnabled: false,
//   tabBarPosition: 'top',
//   lazy: true,
//   initialRouteName: 'CommentOrder',
//   tabBarOptions: {
//     activeTintColor: '#28acff',
//     inactiveTintColor: '#333333',
//     style: {
//       height: px2dp(100),
//       backgroundColor: '#ffffff',
//       shadowOpacity: 0,
//       elevation: 0,
//       borderBottomWidth: 0
//     },
//     labelStyle: {
//       fontSize: px2dp(28)
//     },
//     indicatorStyle: {
//       height: px2dp(6),
//       backgroundColor: '#28acff'
//     }
//   }
// })

const OrderStack = createStackNavigator(
  {
    OrderList: OrderListPage,
    OrderDetail: OrderDetailPage,
    ButtonTest: ButtonTestPage
  },
  {
    initialRouteName: 'OrderDetail',
    // 初始路由的参数
    initialRouteParams: {
      isRoot: true
    },
    defaultNavigationOptions: defaultStackOptions
  }
)

// const OrderStack = () => {
//   return (
//     <Provider store={store}>
//       <OrderNavigator/>
//     </Provider>
//   )
// }

export default OrderStack